<template>
  <div id="app" class="mdui-bottom-nav-fixed">
    <keep-alive exclude="Detail">
      <router-view />
    </keep-alive>

    <div class="mdui-bottom-nav tab-bar">
      <a @click="gotoHome()" class="mdui-ripple mdui-bottom-nav-active">
        <i class="mdui-icon material-icons">home</i>
        <label>首页</label>
      </a>
      <a @click="gotoFenLei()" class="mdui-ripple">
        <i class="mdui-icon material-icons">filter_list</i>
        <label>分类</label>
      </a>
      <a @click="gotoCart()" class="mdui-ripple">
        <i class="mdui-icon material-icons">add_shopping_cart</i>
        <label>购物车</label>
      </a>
      <a @click="gotoMe()" class="mdui-ripple">
        <i class="mdui-icon material-icons">face</i>
        <label>我的</label>
      </a>
    </div>

<EAPLAYER></EAPLAYER>
   


  </div>
</template>

<style>
  @import "assets/css/base.css";
</style>

<script>
  import EAPLAYER from 'components/EAPLAYER/EAPLAYER'

  export default {
    name: 'Home',
    data() {
      return {
        MusicList: [
          {
            name: 'You',
            artist: 'Approaching Nirvana',
            src: 'http://music.163.com/song/media/outer/url?id=3932159.mp3'
          },
          {
            name: 'In The End',
            artist: '',
            src: 'http://music.163.com/song/media/outer/url?id=1346111053.mp3'
          },
        ],

      }
    },
    created() {
      //阻止移动端浏览器双击放大
      //FastClick.attach(document.body);
    },
    components: {
      EAPLAYER,

    },
    methods: {
      gotoHome() {
        this.$router.push('/')
      },
      gotoFenLei() {
        this.$router.push('/Category')
      },
      gotoCart() {
        this.$router.push('/Cart')
      },
      gotoMe() {
        this.$router.push('/Me')
      },
      getTop() {

      }
    },
  }
</script>